<template>
	
	<ul class="todo-main">
	     <Job v-for="job in jobs" :key="job.id" :job='job' :delJob='delJob'></Job>
	</ul>
	
</template>

<script>
	import Job from './Job.vue' 
	
	export default {
		name: 'JobList',
		data() {
			return {
				
			}
		},
		computed:{
			
		},
		// 接收App给的job列表
		props: ['jobs','toDelJob'],
		components:{
			Job
		},
		methods:{
			delJob(id){
				this.toDelJob(id)
			}
		}
	}
</script>

<style scoped>
	/*main*/
	.todo-main {
	  margin-left: 0px;
	  border: 1px solid #ddd;
	  border-radius: 2px;
	  padding: 0px;
	}
	
	.todo-empty {
	  height: 40px;
	  line-height: 40px;
	  border: 1px solid #ddd;
	  border-radius: 2px;
	  padding-left: 5px;
	  margin-top: 10px;
	}
</style>